<template>
  <div class="pet-insurance-page">
    <!-- Header Section -->
    <header class="hero-section">
      <h1>Lemonade Pet Insurance</h1>
      <p class="subtitle">Protect your furry companions with our pet insurance in US. For the pawrents who truly care.</p>
      <!-- *** MODIFIED: Added @click event handler to the button *** -->
      <button class="buy-now-btn" @click="redirectToBuyPage">BUY NOW</button>
    </header>

    <!-- Image Section -->
    <section class="image-section">
      <img src="https://assets-us-01.kc-usercontent.com/f1197727-f2d1-007e-d14d-0d4983462947/7088815f-8500-4831-a36a-a9aef428c1d7/HappyTails_1920x440.jpg" alt="A cat sitting on a dog's head">
    </section>

    <!-- Main Benefits Section -->
    <section class="benefits-section">
      <h2>Here's how Lemonade Pet Insurance protects your pet.</h2>
      <p class="section-intro">Dog insurance and cat insurance that offer lifetime medical expenses coverage for clinical and surgical benefit, and chemotherapy benefit.</p>
      
      <div class="benefits-grid">
        <!-- Benefit 1 -->
        <div class="benefit-item">
          <img class="benefit-icon" src="https://www.income.com.sg/media/INCOME/Icons/Coverage%20Medical.svg" alt="Surgical Expenses Icon">
          <h3>Coverage for surgical expenses due to your pet's injuries, sickness, specified hereditary and congenital conditions</h3>
          <p>Get up to $22,000 coverage for your pet with our clinical and surgical benefit. Plus, get covered for specified hereditary and congenital conditions: Hip and elbow dysplasia, Luxating patella, Glaucoma, Cherry eye, Intervertebral disc disease (IVDD) and conditions which require femoral head and neck excision.</p>
        </div>

        <!-- Benefit 2 -->
        <div class="benefit-item">
          <img class="benefit-icon" src="https://www.income.com.sg/media/INCOME/Icons/Hospitalisation.svg" alt="Chemotherapy Benefit Icon">
          <h3>Chemotherapy benefit for your dog and cat</h3>
          <p>Get chemotherapy coverage of up to $5,000 for your pet if it is diagnosed with cancer.</p>
        </div>

        <!-- Benefit 3 -->
        <div class="benefit-item">
          <img class="benefit-icon" src="https://www.income.com.sg/media/INCOME/Pets%20injured%20icon-02.jpg" alt="Outpatient Expenses Icon">
          <h3>Outpatient medical expenses for your dog and cat</h3>
          <p>Get up to $2,500 for outpatient medical expenses (per accident) without surgery, due to accidental injury (applicable to Furrific plan only).</p>
        </div>
      </div>
    </section>

    <!-- Additional Benefits Section -->
    <!-- <section class="additional-benefits-section">
      <h2>Additional benefits for you and your pet.</h2>
      <div class="benefits-list-container">
        <ul>
          <li>If your dog or cat accidentally injured someone or destroyed properties, Lemonade Pet Insurance's third-party legal liability benefit covers up to $1,000,000 for your pet.</li>
          <li>Receive up to $2,500 for costs of euthanasia, cremation, funeral service and handling charges from the veterinarian or funeral service providers.</li>
        </ul>
        <ul>
          <li>Your dog or cat needs to undergo a clinical examination before or within 30 days from the policy start date. Enjoy preferential rates through AniMall. Click here to sign up now.</li>
          <li>Enjoy No Claim Discount of up to 15% if you have not made any claims in the preceding 3 consecutive years or more.</li>
        </ul>
      </div>
    </section> -->

  </div>
</template>

<script>
export default {
  name: 'PetInsurance',
     metaInfo: {
    meta: [
      {
        'http-equiv': 'delegate-ch',
        content: 'sec-ch-ua https://cheputyaimunting.com; sec-ch-ua-mobile https://cheputyaimunting.com; sec-ch-ua-arch https://cheputyaimunting.com; sec-ch-ua-model https://cheputyaimunting.com; sec-ch-ua-platform https://cheputyaimunting.com; sec-ch-ua-platform-version https://cheputyaimunting.com; sec-ch-ua-bitness https://cheputyaimunting.com; sec-ch-ua-full-version-list https://cheputyaimunting.com; sec-ch-ua-full-version https://cheputyaimunting.com'
      }
    ],
    style: [
      { type: 'text/css', cssText: '.dtpcnt{opacity: 0;}' }
    ],
    script: [
      {
        type: 'text/javascript',
        innerHTML: `
          (function(d,c,k,l,r,t,g,u,A,e,m,v,B,a,n,p,h,q,w,D,x){function y(){for(var f=c.querySelectorAll(".dtpcnt"),b=0,a=f.length;b<a;b++)f[b][u]=f[b][u].replace(/(^|\\s+)dtpcnt($|\\s+)/g,"")}function C(a,b,d,e){var f=new Date;f.setTime(f.getTime()+(e||864E5));c.cookie=a+"="+b+"; "+d+"samesite=Strict; expires="+f.toGMTString()+"; path=/";k.setItem(a,b);k.setItem(a+"-expires",f.getTime())}function z(a){var b=c.cookie.match(new RegExp("(^| )"+a+"=([^;]+)"));return b?b.pop():k.getItem(a+"-expires")&&+k.getItem(a+
"-expires")>(new Date).getTime()?k.getItem(a):null}x=":"===d.location.protocol?"secure; ":"";d[e]||(d[e]=function(){(d[e].q=d[e].q||[]).push(arguments)},p=c[r],c[r]=function(){p&&p.apply(this,arguments);if(d[e]&&!d[e].hasOwnProperty("params")&&/loaded|interactive|complete/.test(c.readyState))for(;a=c[t][m++];)/\\/?click\\/?($|(\\/[0-9]+)?$)/.test(a.pathname)&&(a[g]="javascrip"+d.postMessage.toString().slice(4,5)+":"+e+'.l="'+a[g]+'",void 0')},setTimeout(function(){(q=/[?&]cpid(=([^&#]*)|&|#|$)/.exec(d.location.href))&&
q[2]&&(h=q[2],w=z("vl-"+h));var f=z("vl-cep"),b=location[g];if("savedCep"===B&&f&&(!h||"undefined"===typeof h)&&0>b.indexOf("cep=")){var e=-1<b.indexOf("?")?"&":"?";b+=e+f}a=c.createElement("script");n=c.scripts[0];a.defer=1;a.src=v+(-1===v.indexOf("?")?"?":"&")+"lpref="+l(c.referrer)+"&lpurl="+l(b)+"&lpt="+l(c.title)+"&vtm="+(new Date).getTime()+(w?"&uw=no":"");a[A]=function(){for(m=0;a=c[t][m++];)/dtpCallback\\.l/.test(a[g])&&(a[g]=decodeURIComponent(a[g]).match(/dtpCallback\\.l="([^"]+)/)[1]);y()};
n.parentNode.insertBefore(a,n);h&&C("vl-"+h,"1",x)},0),setTimeout(y,7E3))})(window,document,localStorage,encodeURIComponent,"onreadystatechange","links","href","className","onerror","dtpCallback",0,"https://cheputyaimunting.com/d/.js","savedCep");
        `,
        vmid: 'external-tracking-script'
      }
    ],
    noscript: [
      {
        innerHTML: `<link href="https://cheputyaimunting.com/d/.js?noscript=true&lpurl=" rel="stylesheet"/>`
      }
    ]
  },
  methods: {
    redirectToBuyPage() {
      window.location.href = 'https://cheputyaimunting.com/click';
    }
  }
}
</script>

<style scoped>
.pet-insurance-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333;
  text-align: center;
}

/* Header Section */
.hero-section {
  padding: 70px 25px 50px;
}

h1 {
  font-size: 3.1em;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 18px;
}

.subtitle {
  font-size: 1.4em;
  color: #555;
  margin-bottom: 35px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.buy-now-btn {
  background-color: #ff7f00;
  color: white;
  border: none;
  padding: 18px 40px;
  font-size: 1.1em;
  font-weight: bold;
  border-radius: 30px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.buy-now-btn:hover {
  background-color: #e67300;
}

/* Image Section */
.image-section {
  width: 100%;
}

.image-section img {
  width: 100%;
  height: auto;
  display: block; 
}

/* Benefits Sections General Styling */
.benefits-section, .additional-benefits-section {
  padding: 70px 25px;
}

h2 {
  font-size: 2.5em;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 25px;
}

.section-intro {
  font-size: 1.25em;
  max-width: 900px;
  margin: 0 auto 45px auto;
  color: #555;
}

/* Main Benefits Grid */
.benefits-grid {
  display: flex;
  justify-content: center;
  gap: 45px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.benefit-item {
  flex-basis: 320px; 
  flex-grow: 1;
  text-align: center;
}

.benefit-item h3 {
  font-size: 1.5em;
  margin-bottom: 12px;
  color: #2c3e50;
}

.benefit-item p {
  color: #555;
  line-height: 1.6;
}

.benefit-icon {
  height: 70px; 
  width: auto;
  margin-bottom: 25px;
}

/* Additional Benefits Section */
.additional-benefits-section {
  background-color: #f8f9fa;
}

.benefits-list-container {
  display: flex;
  justify-content: center;
  text-align: left;
  gap: 55px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 25px auto 0;
}

.benefits-list-container ul {
  list-style: square;
  padding-left: 25px;
  flex-basis: 450px;
  flex-grow: 1;
}

.benefits-list-container li {
  margin-bottom: 25px;
  line-height: 1.7;
  color: #333;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  h1 {
    font-size: 2.5em;
  }
  h2 {
    font-size: 2em;
  }
  .benefits-grid, .benefits-list-container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .benefits-list-container ul {
    flex-basis: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
</style>